<template>
  <view>
    <view class="c-prize-swiper overflow">
      <swiper class="swiper" :autoplay="true" :indicator-dots="false" interval="1000" duration="500" :vertical="true" :circular="true">
        <swiper-item v-for="(value,index) in list" :key="index">
          <view class="padding20">
            <c-prize-swiper-item :d="value"></c-prize-swiper-item>
          </view>
        </swiper-item>
      </swiper>
    </view>
  </view>
</template>
<script>
import CPrizeSwiperItem from '@/components/home/c-prize-swiper/c-prize-swiper-item';
export default {
  name: 'c-prize-swiper',
  components: {
    CPrizeSwiperItem
  },
  props: {
    d: {
      type: Object,
      default: {}
    }
  },
  data() {
    return {
      list: []
    };
  },
  watch: {},
  computed: {},
  methods: {
    async exchangeList() {
      let res = await this.$api.home.exchangeList({
        // page: '1', // 页数
        // rows: '30' //
      });
      this.list = res.list;
    }
  },
  created() {},
  mounted() {
    this.exchangeList();
  }
};
</script>
<style lang="scss" scoped>
.c-prize-swiper {
  height: 112upx;
  .swiper {
    height: 112upx;
  }
}
</style>
